<!DOCTYPE html>
<html lang="en">
<head>
<!--
    新建委托单
    高听
    2020/12/23
-->
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"
          rel="stylesheet"/>

    <style>
        * {
            padding: 0px;
            margin: 0px;
        }

        .center {
            padding: 25px;
            width: 80%;
            margin: 0 auto;
        }

        .button {
            height: fit-content;
            position: relative;
            top: 30px;
        }
    </style>
</head>
<body>
<div class="center">
    <div>
        <h3>委托信息</h3>
        <form>
            <div class="form-row">
                <div class="form-group col-md-9">
                    <label for="inputAddress4">工程名称</label>
                    <input type="text" class="form-control" id="inputAddress4" placeholder="测试工程">
                </div>
                <div class="form-group col-md-3">
                    <label for="inputState">检测类别</label>
                    <select id="inputState" class="form-control">
                        <option selected>见证送样</option>
                        <option>普通送样 施工单位</option>
                        <option>监督抽检</option>
                        <option>委托抽检</option>
                    </select>
                </div>
            </div>
            <div class="form-row">
                <div class="form-group col-md-9">
                    <label for="inputAddress5">委托单位</label>
                    <input type="text" class="form-control" id="inputAddress5" placeholder="xx施工单位">
                </div>
                <div class="form-group col-md-3">
                    <label for="inputAddress6">委托时间</label>
                    <input type="text" class="form-control" id="inputAddress6">
                </div>
            </div>
            <div class="form-row">
                <div class="form-group col-md-4">
                    <label for="inputAddress">委托单位</label>
                    <input type="text" class="form-control" id="inputAddress" placeholder="取样员">
                </div>
                <div class="form-group col-md-4">
                    <label for="inputAddress2">取样员编号</label>
                    <input type="text" class="form-control" id="inputAddress2"
                           placeholder="qyyoo1">
                </div>
                <div class="form-group col-md-4">
                    <label for="inputAddress3">委托时间</label>
                    <input type="text" class="form-control" id="inputAddress3" placeholder="123131313131">
                </div>
            </div>
            <div class="form-row">
                <div class="form-group col-md-12">
                    <label for="inputCity">见证单位</label>
                    <input type="text" class="form-control" id="inputCity" placeholder="xx监理测试单位">
                </div>
            </div>
            <div class="form-row">
                <div class="form-group col-md-4">
                    <label for="eyewitness">见证人</label>
                    <input type="text" class="form-control" id="eyewitness" placeholder="见证员">
                </div>
                <div class="form-group col-md-4">
                    <label for="Witness_number">取样员编号</label>
                    <input type="text" class="form-control" id="Witness_number"
                           placeholder="jzy001">
                </div>
                <div class="form-group col-md-4">
                    <label for="Witness_phone">联系电话</label>
                    <input type="text" class="form-control" id="Witness_phone"
                           placeholder="12445213123">
                </div>
            </div>
            <div class="form-row">
                <div class="form-group col-md-12">
                    <label for="remarks">备注</label>
                    <input type="text" class="form-control" id="remarks" placeholder="" width="50px">
                </div>
            </div>
        </form>
    </div>
    <div>
        <h3>第一组</h3>
        <div class="form-row">
            <div class="form-group col-md-4">
                <label for="structural">结构部位</label>
                <input type="text" class="form-control" id="structural" placeholder="取样员">
            </div>
            <div class="form-group col-md-4">
                <label for="design_strength">设计强度等级</label>
                <select id="design_strength" class="form-control">
                    <option selected>c20</option>
                    <option>c25</option>
                    <option>c30</option>
                    <option>c40</option>
                </select>
            </div>
            <div class="form-group col-md-4">
                <label for="molding">成型时间</label>
                <input type="text" class="form-control" id="molding" placeholder="2017年12月5日">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group col-md-4">
                <label for="size">尺寸</label>
                <input type="text" class="form-control" id="size" placeholder="200*200*200">
            </div>
            <div class="form-group col-md-4">
                <label for="manufacturer">生产厂家</label>
                <input type="text" class="form-control" id="manufacturer" placeholder="200*200*200">
            </div>
            <div class="form-group col-md-4">
                <label for="Appearance_status">外观状态</label>
                <select id="Appearance_status" class="form-control">
                    <option selected>圆柱体</option>
                </select>
            </div>
        </div>
        <div class="form-row">
            <div class="form-group col-md-4">
                <label for="Maintenance_standards">养护标准</label>
                <select id="Maintenance_standards" class="form-control">
                    <option selected>标准养护</option>
                    <option>拆模同条件养护</option>
                    <option>标准养护</option>
                    <option>同条件养护600℃</option>
                </select>
            </div>
            <div class="form-group col-md-4">
                <label for="The_accumulative_temperature">累计温度</label>
                <input type="text" class="form-control" id="The_accumulative_temperature" placeholder="">
            </div>
            <button type="button" class="btn btn-secondary button">备注</button>
        </div>

    </div>

</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
        crossorigin="anonymous"></script>
</body>
</html>
